<div class="city__ss">
    <simple-notice time="{{2}}" info="查询日期输入有误" panel="panel" ng-if="panel.show"></simple-notice>
    <no-info ni-top="300px" ng-if="panel.empty"></no-info>
    <loading load-top="250px" bg-mask="panel.mask" ng-if="panel.load"></loading>
    <div class="city__ss-home" ng-if="page[control.page]=='home'">
        <div class="city__ss-hh">
            <p class="title">社保查询</p>
        </div>
        <div class="city__ss-hb">
            <ul class="city__ss-hl">
                <li class="city__ss-hl-item" ng-repeat="t in data.total">
                    <a id="{{'ss-h' + ($index + 1)}}" href="#" focus-helper focus-id="focus.ci"
                       ng-keydown="move($event, logic.total[$index])">
                        <p ng-class="'notice_'+ t.status || 1">{{t.info}}</p>
                        <p class="count">{{t.count}}</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="city__ss-hf">
            <p class="department">济南市社会保险事业局</p>
            <p class="notice">注意：省医保暂时不能查询</p>
        </div>
    </div>
    <div class="city__ss-pension" ng-if="page[control.page]=='pension'">
        <div class="city__ss-ph">
            <p class="title">养老金个人账户查询</p>
            <p class="notice">当前金额：</p>
            <p class="count">1682.03</p>
            <p class="separator"></p>
        </div>
        <div class="city__ss-pb">
            <ul class="city__ss-pl">
                <li class="city__ss-pl-item" ng-repeat="p in data.curPension">
                    <p class="title">{{p.title}}</p>
                    <p class="value">{{p.value}}</p>
                </li>
            </ul>
        </div>
        <div class="city__ss-pf">
            <p ng-class="control.pa"></p>
        </div>
    </div>
    <div class="city__ss-medical" ng-if="page[control.page]=='medical'">
        <div class="city__ss-mh">
            <p class="title">医疗个人账户查询</p>
            <p class="time" ng-if="data.filterDis[0]=='197001'">全&emsp;部</p>
            <p class="time" ng-if="data.filterDis[0]!='197001'">{{data.filterDis[0] | mul_date:3}}-{{data.filterDis[1] |
                mul_date:3}}</p>
            <a id="ss-m1" href="#" class="filter" focus-helper focus-id="focus.ci" ng-keydown="move($event, openMF)">设置时间段</a>
            <p class="separator"></p>
        </div>
        <div class="city__ss-mb">
            <ul class="city__ss-ml">
                <li class="city__ss-ml-item" ng-repeat="m in data.curMedical">
                    <p class="title" ng-class="{'title-in': m.state, 'title-out': !m.state}">{{m.title}}</p>
                    <p class="time">{{m.time}}</p>
                    <p class="value">{{m.value}}</p>
                </li>
            </ul>
        </div>
        <div class="city__ss-mf">
            <p ng-class="control.ma"></p>
        </div>
    </div>
    <div class="city__ss-retirement" ng-if="page[control.page]=='retirement'">
        <div class="city__ss-rh">
            <p class="title">离退休个人养老金账户查询</p>
            <p class="separator"></p>
        </div>
    </div>
    <div class="city__ss-unemployment" ng-if="page[control.page]=='unemployment'">
        <div class="city__ss-uh">
            <p class="title">失业人员享受待遇查询</p>
            <p class="separator"></p>
        </div>
    </div>
    <div class="city__mask city__ss-medical-mask" ng-if="control.mf">
        <p class="title">查询时间设置</p>
        <p class="notice">按【数字】键输入，【返回】键删除</p>
        <div class="separator"></div>
        <div class="content">
            <div class="left">
                <p class="lt">起始日期</p>
                <input id="ss-mk1" class="iy" type="text" maxlength="4" ng-model="data.filter[0]"
                       focus-helper focus-id="focus.ci" ng-keydown="move($event)">
                <p class="ly">年</p>
                <input id="ss-mk2" class="im" type="text" maxlength="2" ng-model="data.filter[1]"
                       focus-helper focus-id="focus.ci" ng-keydown="move($event)">
                <p class="lm">月</p>
                <a id="ss-mk5" href="#" focus-helper focus-id="focus.ci" ng-keydown="move($event, medicalSearch)">查&nbsp;询</a>
            </div>
            <div class="right">
                <p class="lt">结束日期</p>
                <input id="ss-mk3" class="iy" type="text" maxlength="4" ng-model="data.filter[2]"
                       focus-helper focus-id="focus.ci" ng-keydown="move($event)">
                <p class="ly">年</p>
                <input id="ss-mk4" class="im" type="text" maxlength="2" ng-model="data.filter[3]"
                       focus-helper focus-id="focus.ci" ng-keydown="move($event)">
                <p class="lm">月</p>
                <a id="ss-mk6" href="#" focus-helper focus-id="focus.ci" ng-keydown="move($event, closeMF(true))">取&nbsp;消</a>
            </div>
        </div>
    </div>
</div>
